<div id="content_banner">
    <div class="swiper-container">
	    <div class="swiper-wrapper">
	    	<?php $banners = $categories[0];?>
			{% for banner in banners.list %}
		        <div class="swiper-slide">
		        	<img src="{{ banner.img_dir }}">
		        </div>
			{% endfor %}
		</div>
	    <div class="swiper-button-prev"></div>
	    <div class="swiper-button-next"></div>
	</div>
</div>
<div id="content_body">
    <div id="container">
        <div id="container_main">
        	<div class="pure-g-r">
			{% for one in categories %}
	    		{% if one.basic.module == 'album' %}
		    		<div class="pure-u-1-3 pure-hidden-phone">
						<div class="l-box">
							<div class="model_header">
								<h3 class="model_name left">
									<span class="model_text">{{ one.basic.name }}</span>
								</h3>
								<div class="model_more right">
									<a href="category/{{ one.basic.id }}"></a>
								</div>
							</div>
							<div class="model_body">
								<div class="swiper-container">
								    <div class="swiper-wrapper">
								    	
									    {% for album in one.list %}
									        <div class="swiper-slide">
									        	<img src="{{ album.img_dir }}">
									        </div>
									    {% else %}
									        empty
									    {% endfor %}
									 
								    </div>
								</div>
							</div>
						</div>
					</div>
	    		{% elseif one.basic.module == 'article' %}
		    		<div class="pure-u-1-3">
						<div class="l-box">
							<div class="model_header">
								<h3 class="model_name left">
									<span class="model_text">{{ one.basic.name }}</span>
								</h3>
								<div class="model_more right">
									<a href="category/{{ one.basic.id }}"></a>
								</div>
							</div>
							<div class="model_body">
								<div class="model_list_picture_word">
									<?php $articleOne = $one->list[0];?>
									<div class="left model_list_picture">
										<img src="{{ articleOne.img_dir }}">
									</div>
									<div class="right model_list_word">
										<p class="model_list_word_title">
										<a href = "article/{{ articleOne.id }}">{{ articleOne.title }}</a></p>
										<p class="model_list_word_text"><a href = "article/{{ articleOne.id }}">{{ articleOne.description }}</a></p>
									</div>
								</div>
								<div class="model_list_word">
									<ul>	    		
										{% for article in one.list %}
										{% if !loop.first %}
										<li>
											<a href="article/{{ article.id }}">{{ article.title }}</a>
										</li>
										{% endif %}
										{% endfor %}
									</ul>
								</div>
							</div>
						</div>
					</div>
	    		{% endif %}
	    	{% endfor %}
	    	</div>
        </div>
        <div id="connection">
            <div class="pure-g-r">
				<div class="pure-u-1-4" style="margin-top:2em;">
					<h3 class="">在线留言</h3>
					<form>
						<textarea id="content" required="required" placeholder="请在此写下您的留言。。。"></textarea>
						<input id="name" type="text" required="required" placeholder="姓名"></input>
						<input id="email" type="email" required="required" placeholder="邮箱"></input>
						<div class="clear"></div>
						<input id="cancel" class="left" type="button" value="取消"></input>
						<input id="submit" class="right" type="button" value="提交"></input>
					</form>
				</div>
				<div class="pure-u-1-2 connection_info" style="margin-top:2em;">
					<h3 class="">联系我们</h3>
					<div>
						<div>
							<span>电话：</span>
							<span>{{ setting.phone }}</span>
						</div>
						<div>
							<span>邮箱：</span>
							<span>{{ setting.email }}</span>
						</div>
					</div>
				</div>
				<div class="pure-u-1-4 master_word pure-hidden-phone">
					<p>
						<span style="font-size:1.5em;padding:8px;padding-left:0;color:#009382;">校长寄语</span>
						<span class="picture"></span>
						{% for one in categories if one.basic.module == "topic" %}
							{% for word in one.list %}
								<a href="topic/{{ word.id }}">{{ word.description }}</a>
							{% endfor %}
						{% endfor %}
					</p>
				</div>
			</div>
        </div>
    </div>
</div>
